<template>
    <div>
        <p>我的</p>
        <scroll class="content"
                :probe-type="3"
                @scroll="Scroll">
            <ul v-for="(item,index) in 100">
                <li>{{index}}</li>
            </ul>
        </scroll>
    </div>
</template>

<script>
    import Scroll from "components/common/scroll/Scroll";
    export default {
        name: "Profile",
        components:{
            Scroll
        },
        methods:{
            Scroll(position){
                console.log(position);
            },
        }
    }
</script>

<style scoped>
    .content{
        height: 300px;
        background-color: red;
        overflow: hidden;
    }

</style>
